export default {
  functional: true, // 函数式组件， 会导致render函数中没有this了
  // 正常组件是一个类 this._init() 如果是函数式组件就是一个普通函数
  props: {
    to: {
      type: String,
      required: true,
    },
  },
  render(h, { props, slots, data, parent }) {
    // data：这里的data不是vue选项中的data
    // render方法和template是等价的， ==> template语法需要编译成render函数
    // jsx 和react语法一样 < 开头的表示的是html {}  js属性
    // return <a>link</a>;
    const click = () => {
      // alert(this.to);
      // alert(props.to);
      parent.$router.push(props.to);
    };
    // return <a onClick={click}>{this.$slots.default}</a>;
    return <a onClick={click}>{slots().default}</a>;
  },
};
